<!DOCTYPE html>
<html>
<head>
    <title>陌陌酒店平台 | 登录</title>
    <link href="static/1/css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="static/1/js/jquery.min.js"></script>
    <!-- Custom Theme files -->
    <!--menu-->
    <script src="static/1/js/scripts.js"></script>
    <link href="static/1/css/styles.css" rel="stylesheet">
    <!--//menu-->
    <!--theme-style-->
    <link href="static/1/css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <!--//theme-style-->
    <!--Favicon-->
    <link rel="shortcut icon" href="static/images/favicon.ico" type="image/x-icon">
    <link rel="icon" href="static/images/favicon.ico" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Real Home Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"/>


    <script type="text/javascript" src="static/jquery/jquery.validate.min.js"></script>
    <script type="text/javascript" src="static/jquery/messages_zh.js"></script>

    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
</head>
<body>
<!--header-->
<div class="navigation">
    <div class="container-fluid">
        <nav class="pull">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="rooms-list.html">我要预定</a></li>
                <li><a href="about.html">关于我们</a></li>
                <!--<li><a  href="blog.html">Blog</a></li>-->
                <li><a href="terms.html">条款</a></li>
                <!--<li><a  href="privacy.html">Privacy</a></li>
                <li><a  href="contact.html">Contact</a></li>-->
            </ul>
        </nav>
    </div>
</div>

<div class="header">
    <div class="container">
        <!--logo-->
        <div class="logo">
            <h1><a href="index.html">REAL HOME</a></h1>
        </div>
        <!--//logo-->
        <div class="top-nav">
            <ul class="right-icons">
                <li><span><i class="glyphicon glyphicon-phone"> </i>+1384 757 546</span></li>
                <li><a href="login1.html"><i class="glyphicon glyphicon-user"> </i>Login</a></li>
                <li><a class="play-icon popup-with-zoom-anim" href="#small-dialog"><i
                        class="glyphicon glyphicon-search"> </i> </a></li>

            </ul>
            <div class="nav-icon">
                <div class="hero fa-navicon fa-2x nav_slide_button" id="hero">
                    <a href="#"><i class="glyphicon glyphicon-menu-hamburger"></i> </a>
                </div>
                <!---
                <a href="#" class="right_bt" id="activator"><i class="glyphicon glyphicon-menu-hamburger"></i>  </a>
            --->
            </div>
            <div class="clearfix"></div>
            <!---pop-up-box---->
            <link href="static/1/css/popuo-box.css" rel="stylesheet" type="text/css" media="all"/>
            <script src="static/1/js/jquery.magnific-popup.js" type="text/javascript"></script>
            <!---//pop-up-box---->
            <div id="small-dialog" class="mfp-hide">
                <!----- tabs-box ---->
                <div class="sap_tabs">
                    <div id="horizontalTab" style="display: block; width: 100%; margin: 0px;">
                        <ul class="resp-tabs-list">
                            <li class="resp-tab-item " aria-controls="tab_item-0" role="tab"><span>All Homes</span></li>
                            <li class="resp-tab-item" aria-controls="tab_item-1" role="tab"><span>For Sale</span></li>
                            <li class="resp-tab-item" aria-controls="tab_item-2" role="tab"><span>For Rent</span></li>
                            <div class="clearfix"></div>
                        </ul>
                        <div class="resp-tabs-container">
                            <h2 class="resp-accordion resp-tab-active" role="tab" aria-controls="tab_item-0"><span
                                    class="resp-arrow"></span>All Homes</h2>
                            <div class="tab-1 resp-tab-content resp-tab-content-active" aria-labelledby="tab_item-0"
                                 style="display:block">
                                <div class="facts">
                                    <div class="login">
                                        <input type="text" value="Search Address, Neighborhood, City or Zip"
                                               onfocus="this.value = '';"
                                               onblur="if (this.value == '') {this.value = 'Search Address, Neighborhood, City or Zip';}">
                                        <input type="submit" value="">
                                    </div>
                                </div>
                            </div>
                            <h2 class="resp-accordion" role="tab" aria-controls="tab_item-1"><span
                                    class="resp-arrow"></span>For Sale</h2>
                            <div class="tab-1 resp-tab-content" aria-labelledby="tab_item-1">
                                <div class="facts">
                                    <div class="login">
                                        <input type="text" value="Search Address, Neighborhood, City or Zip"
                                               onfocus="this.value = '';"
                                               onblur="if (this.value == '') {this.value = 'Search Address, Neighborhood, City or Zip';}">
                                        <input type="submit" value="">
                                    </div>
                                </div>
                            </div>
                            <h2 class="resp-accordion" role="tab" aria-controls="tab_item-2"><span
                                    class="resp-arrow"></span>For Rent</h2>
                            <div class="tab-1 resp-tab-content" aria-labelledby="tab_item-2">
                                <div class="facts">
                                    <div class="login">
                                        <input type="text" value="Search Address, Neighborhood, City or Zip"
                                               onfocus="this.value = '';"
                                               onblur="if (this.value == '') {this.value = 'Search Address, Neighborhood, City or Zip';}">
                                        <input type="submit" value="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <script src="static/1/js/easyResponsiveTabs.js" type="text/javascript"></script>

                </div>
            </div>



        </div>
        <div class="clearfix"></div>
    </div>
</div>
<!--//-->
<div class=" banner-buying">
    <div class=" container">
        <!--	<h3><span>Log</span>in</h3> -->
        <!---->
        <div class="menu-right">
            <ul class="menu">
                <li class="item1"><a href="#"> Menu<i class="glyphicon glyphicon-menu-down"> </i> </a>
                    <ul class="cute">
                        <li class="subitem1"><a href="buy.html">Buy </a></li>
                        <li class="subitem2"><a href="buy.html">Rent </a></li>
                        <li class="subitem3"><a href="buy.html">Hostels </a></li>
                        <li class="subitem1"><a href="buy.html">Resale</a></li>
                        <li class="subitem2"><a href="loan.html">Home Loan</a></li>
                        <li class="subitem3"><a href="buy.html">Apartment </a></li>
                        <li class="subitem3"><a href="dealers.html">Dealers</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        <div class="clearfix"></div>
        <!--initiate accordion-->
        <script type="text/javascript">
            $(function () {
                var menu_ul = $('.menu > li > ul'),
                    menu_a = $('.menu > li > a');
                menu_ul.hide();
                menu_a.click(function (e) {
                    e.preventDefault();
                    if (!$(this).hasClass('active')) {
                        menu_a.removeClass('active');
                        menu_ul.filter(':visible').slideUp('normal');
                        $(this).addClass('active').next().stop(true, true).slideDown('normal');
                    } else {
                        $(this).removeClass('active');
                        $(this).next().stop(true, true).slideUp('normal');
                    }
                });

            });
        </script>

    </div>
</div>
<!--//header-->
<!--contact-->
<div class="login-right">
    <div class="container">
        <h3>登录</h3>
        <div class="login-top">
            <ul class="login-icons">
                <!--<li><a href="#" ><i class="facebook"> </i><span>Facebook</span></a></li>
                <li><a href="#" class="twit"><i class="twitter"></i><span>Twitter</span></a></li>
                <li><a href="#" class="go"><i class="google"></i><span>Google +</span></a></li>
                <li><a href="#" class="in"><i class="linkedin"></i><span>Linkedin</span></a></li>-->
                <div class="clearfix"></div>
            </ul>
            <div class="form-info">
                <form id="LoginForm">
                    <input type="text" id="username" name="username" class="text" placeholder="邮箱或用户名" required="">
                    <input type="password" id="password" name="password" placeholder="密码" required="">
                    <label class="hvr-sweep-to-right">
                        <input type="button" value="登录" id="logBtn">
                    </label>
                </form>
            </div>
            <div class="create">
                <h4>还未有账号？请注册</h4>
                <a class="hvr-sweep-to-right" href="register1.html">注册</a>
                <div class="clearfix"></div>
            </div>
            <script type="text/javascript">
                $(function () {
                    $("#LoginForm").validate({
                        rules: {
                            username: {
                                required: true,

                            },
                            password: {
                                required: true,
                                rangelength: [6, 12]
                            }


                        },
                        messages: {
                            username: {
                                required: "用户名不能为空"
                            },
                            password: {
                                required: "密码不能为空",
                                rangelength: "至少输入6个字符,但是不超过12个字符"
                            },

                        }

                    });
                    $("#logBtn").click(function () {

                        $.ajax({
                            type: "post",
                            url: "/userLogin",
                            contentType: "application/json; charset=utf-8",
                            datatype: "json",
                            data: JSON.stringify({
                                "username": $("#username").val(),
                                "password": $("#password").val()

                            }),
                            success: function (data) {
                                // alert(data)
                                var jsonResult = data;
                                //alert("成功：" + jsonResult);
                                location.href = "index.html"
                            },
                            error: function (msg) {
                                alert("失败：" + msg);
                            }
                        });
                    });

                });


            </script>
        </div>
    </div>
</div>
<!--//contact-->
<!--footer-->
<div class="footer">
    <div class="container">
        <div class="footer-top-at">
            <div class="col-md-3 amet-sed">
                <h4>Our Company</h4>
                <ul class="nav-bottom">
                    <li><a href="about.html">About Us</a></li>
                    <li><a href="blog.html">For Sale By Owner Blog</a></li>
                    <li><a href="mobile_app.html">Mobile</a></li>
                    <li><a href="terms.html">Terms & Conditions</a></li>
                    <li><a href="privacy.html">Privacy Policy</a></li>
                    <li><a href="blog.html">Blog</a></li>

                </ul>
            </div>
            <div class="col-md-3 amet-sed ">
                <h4>Work With Us</h4>
                <ul class="nav-bottom">
                    <li><a href="single.html">Real Estate Brokers</a></li>
                    <li><a href="single.html">Business Development</a></li>
                    <li><a href="single.html">Affiliate Programs</a></li>
                    <li><a href="contact.html">Sitemap</a></li>
                    <li><a href="career.html">Careers</a></li>
                    <li><a href="feedback.html">Feedback</a></li>
                </ul>
            </div>
            <div class="col-md-3 amet-sed">
                <h4>Customer Support</h4>
                <p>Mon-Fri, 7AM-7PM </p>
                <p>Sat-Sun, 8AM-5PM </p>
                <p>177-869-6559</p>
                <ul class="nav-bottom">
                    <li><a href="#">Live Chat</a></li>
                    <li><a href="faqs.html">Frequently Asked Questions</a></li>
                    <li><a href="suggestion.html">Make a Suggestion</a></li>
                </ul>
            </div>
            <div class="col-md-3 amet-sed ">
                <h4>Property Services</h4>
                <ul class="nav-bottom">
                    <li><a href="single.html">Residential Property</a></li>
                    <li><a href="single.html">Commercial Property</a></li>
                    <li><a href="login.html">Login</a></li>
                    <li><a href="register.html">Register</a></li>
                    <li><a href="typo.html">Short Codes</a></li>
                </ul>
                <ul class="social">
                    <li><a href="#"><i> </i></a></li>
                    <li><a href="#"><i class="gmail"> </i></a></li>
                    <li><a href="#"><i class="twitter"> </i></a></li>
                    <li><a href="#"><i class="camera"> </i></a></li>
                    <li><a href="#"><i class="dribble"> </i></a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <div class="col-md-4 footer-logo">
                <h2><a href="index.html">REAL HOME</a></h2>
            </div>
            <div class="col-md-8 footer-class">
                <p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank"
                                                                             href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
                </p>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--//footer-->
</body>
</html>